<template>
	<view @click="skipToEstateDetail" style="width: 498rpx;height: 418rpx;" class="d-flex flex-column py-3 mr-3">
		<image :src="item.thumb" style="height: 255rpx;width: 498rpx;" mode=""></image>
		<text class="font-32">{{ item.title }}</text>
		<view class="d-flex flex-row font-24" style="color: #999999;">
			<text class="mr-2">{{ item.houseType }}</text>
			<text>{{ item.buildingArea }}</text>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		item: {
			type: Object,
			default: () => {
				return {};
			}
		}
	},
	methods:{
		skipToEstateDetail(){
			uni.navigateTo({
				url: '/pages/estate/estateDetail/estateDetail?contentId=' + this.item.contentId
			})
		}
	}
};
</script>

<style></style>
